//初始化剪裁插件
let option = {
  // 纵横比(宽高比)
  aspectRatio: 1, // 正方形
  // 指定预览区域
  preview: ".img-preview", // 指定预览区的类名（选择器）
};
$("#image").cropper(option);
//点击上传按钮,触发file
$('button:contains("上传")').on("click", function () {
  $(".file").trigger("click");
});
//文件域内容改变,更改剪裁区图片
$(".file").on("change", function () {
  //获取文件对象
  let fileObj = this.files[0];
  //创建url
  let url = URL.createObjectURL(fileObj);
  //更换剪裁区图片
  $("#image").cropper("replace", url);
});
//点击确定,裁剪图片
$('button:contains("确定")').on("click", function () {
  let canvans = $("#image").cropper("getCroppedCanvas", {
    width: 30,
    height: 30,
  });
  //将图片转化为base64 格式
  let base64 = canvans.toDataURL('image/jepg', 0.1);
  //AJAX提交
  $.ajax({
    type: "post",
    url: "/my/user/avatar",
    data: {
      avatar: base64,
    },
    success: (res) => {
      layer.msg(res.message);
      if (res.status === 0) {
        window.parent.getuser();
      }
    },
  });
});
